<!DOCTYPE html>
<html>

<head>
    <title>味爱地图</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/reset.css">
    <link rel="stylesheet" type="text/css" href="${staticpath}/front/dist/css/style.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_534934_to93nvc30jvh1tt9.css">
</head>

<body>
<div id="page1">
<header>
    <h1 class="title">编辑地址</h1>
    <i class="iconfont icon-back max z-in cell-left clickbetter back"></i>
    <div class="underline"></div>
</header>
<div class="content add-addr">
    <ul class="underline">
        <div class="item flex addr-item">
            <div class="xl text">用餐人</div>
            <input type="text" id="name" class="cell-main l" placeholder="请填写用餐人">
        </div>
    </ul>
    <ul class="underline">
        <div class="item flex  addr-item">
            <div class="xl text">联系电话</div>
            <input type="number" id="phone" class="cell-main l" placeholder="请填写联系电话">
        </div>
    </ul>
    <ul class="underline">
        <div class="item flex  addr-item">
            <div class="xl  cell-main">送餐地址</div>
            <div class=" hui l " onclick='getaddr()'><span class="address">点击获取定位</span> <i class="iconfont icon-more xxl"></i></div>
        </div>
    </ul>
    <textarea name="" id="detail" class="item l" placeholder="请填写详细地址"></textarea>
</div>
<div  class="weui-btn" id="addr-btn">保存地址</div>
</div>
<div id="page3" class="hide">
    <header>
        <h1 class="title">定位</h1>
        <i class="iconfont icon-back max z-in cell-left clickbetter" onclick="$('#page1').show().siblings().hide()"></i>
    </header>
    <div id="map"></div>
    <div class="search-box flex  xl ">
        <input type="text" class="sear cell-main" placeholder="搜小区/大厦/学校">
        <i class="iconfont icon-sousuo2 ico" onclick="search()"></i>
    </div>
    <div class="getaddr">
        <i class="iconfont hui icon-dingwei max clickbetter" onclick="getaddr()"></i>
    </div>
    <img src="${staticpath}/front/dist/images/map.png" alt="" class="point">
    <nav class="bottomnav flex">
        <div class="cell-main"><b class="name xl"></b>
            <div class="addr l hui"></div>
        </div>
        <div class="weui-btn weui-btn_default sure-btn xl">确定</div>
    </nav>
</div>
</body>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=gmqSvlTMctZ9LGnf7t82bT4BbKlRn1xf"></script>
<script src="${staticpath}/front/dist/js/common/getUrl.js" ></script>
<script src="${staticpath}/front/dist/js/address/addressEdit.js"></script>
<script src="${staticpath}/front/dist/js/address/map.js" async></script>
</html>